<!doctype html>
<html class="no-js" lang="">

<head>
    <meta charset="utf-8">
    <title>关于我们</title>
    <meta name="description" content="上海麦玺声工厂">
    <meta name="keywords" content="上海麦玺声工厂,麦玺声工厂,装修材料">
    <meta name="msapplication-tap-highlight" content="yes">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0">

    <!-- Favicon -->
    <link rel="icon" type="image/ico" href="images/favicon.ico">

    <!-- Modernizer & Respond js -->
    <script src="javascripts/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>

<body>

    <!-- Preloader -->
    <div class="cover"></div>

    <%include header%>

        <div class="container">
            <div class="header-page ef-parallax-bg" style="background-image:url(images/about-header.jpg)">
                <div class="col-md-6 col-md-offset-6">
                    <div class="row">
                        <div class="inner-content">
                            <div class="header-content">
                                <h1>关于 我们</h1>
                                <hr>
                                <p>广告语广告语广告语广告语广告语广告语广告语</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container margin-top">
            <div class="main-title near-content">
                <h1 style="font-family: 黑体;">我们是上海麦玺声工厂</h1>
                <hr>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <p style="font-size: 18px; line-height: 26px;">Who loves or pursues or desires to
                        <b>DESIGN</b> pain of itself,but because and occasionally circumstances occur pain can procure him some
                        great easure of the past.</p>
                </div>
                <div class="col-md-4">
                    <p>THE CREATIVE qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam
                        eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima
                        quis nostrum exercitationem ullam corporis suscipit aliquid.</p>
                </div>
                <div class="col-md-4">
                    <p>
                        <strong>WEB DESIGN</strong> qui dolorem ipsum quia dolor sit amet, MINIMALISM adipisci velit, sed quia non
                        numquam eius modi tempora incidunt ut labore et dolore magnam aliquam</p>
                </div>
            </div>
        </div>

        <div class="container margin-top">
            <div class="row">
                <div class="col-md-12">
                    <div class="our-story wow fadeInUp" style="background: url(images/our-story.jpg) no-repeat" data-wow-duration="0.5s" data-wow-delay="0.2s">
                        <div class="col-md-6 col-md-offset-6">
                            <div class="our-story-content wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.5s">
                                <div class="our-story-content-inner">
                                    <h1 style="font-family: 黑体">我们的故事</h1>
                                    <hr>
                                    <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                                        <br>
                                        <br>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container margin-top">
            <div class="main-title">
                <h1 style="font-family: 黑体">为什么选择我们?</h1>
                <hr>
                <h6>选择我们的三大理由</h6>
            </div>
            <div class="col-md-4">
                <div class="row">
                    <div class="services-home-page">
                        <div class="col-md-12 wow fadeInUp" data-wow-duration="0.2s" data-wow-delay="0.2s">
                            <div class="row">
                                <div class="services-icon">
                                    <span class="icon-tools"></span>
                                    <hr>
                                </div>
                                <h4 style="font-family: 黑体">理由一</h4>
                                <p>理由一理由一理由一理由一理由一理由一理由一理由一理由一理由一理由一理由一理由一理由一理由一</p>
                            </div>
                        </div>
                        <div class="col-md-12 wow fadeInUp" data-wow-duration="0.4s" data-wow-delay="0.4s">
                            <div class="row">
                                <div class="services-icon">
                                    <span class="icon-globe"></span>
                                    <hr>
                                </div>
                                <h4 style="font-family: 黑体">理由二</h4>
                                <p>理由二理由二理由二理由二理由二理由二理由二理由二理由二理由二理由二理由二理由二理由二理由二</p>
                            </div>
                        </div>
                        <div class="col-md-12 wow fadeInUp" data-wow-duration="0.6s" data-wow-delay="0.6s">
                            <div class="row">
                                <div class="services-icon">
                                    <span class="icon-paintbrush"></span>
                                    <hr>
                                </div>
                                <h4 style="font-family: 黑体">理由三</h4>
                                <p>理由三理由三理由三理由三理由三理由三理由三理由三理由三理由三理由三理由三理由三理由三理由三</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-7 col-md-offset-1">
                <div class="our-story-image wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
                    <img src="images/services.jpg" alt="Our Story">
                </div>
            </div>
        </div>

        <div class="container margin-top">
            <div class="main-title">
                <h1 style="font-family: 黑体">我们的专业生产设施</h1>
                <hr>
                <h6>我们有一流的生产设备和技术人员</h6>
            </div>
            <div class="owl-carousel team">
                <div>
                    <div class="img member">
                        <img src="images/team/member_1.jpg" alt="Team Member">
                        <div class="overlay-thumb">
                            <div class="overlay-member-content">
                                <div class="overlay-member-content-inner">
                                    <span class="position">标题一</span>
                                    <hr>
                                    <p>说明说明说明说明说明说明说明说明</p>
                                </div>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                        </div>
                    </div>
                    <span class="member-name">XXXXX</span>
                </div>

                <div>
                    <div class="img member">
                        <img src="images/team/member_2.jpg" alt="Team Member">
                        <div class="overlay-thumb">
                            <div class="overlay-member-content">
                                <div class="overlay-member-content-inner">
                                    <span class="position">标题一</span>
                                    <hr>
                                    <p>说明说明说明说明说明说明说明说明</p>
                                </div>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                        </div>
                    </div>
                    <span class="member-name">XXXXX</span>
                </div>

                <div>
                    <div class="img member">
                        <img src="images/team/member_3.jpg" alt="Team Member">
                        <div class="overlay-thumb">
                            <div class="overlay-member-content">
                                <div class="overlay-member-content-inner">
                                    <span class="position">标题</span>
                                    <hr>
                                    <p>说明说明说明说明说明说明说明</p>
                                </div>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                        </div>
                    </div>
                    <span class="member-name">XXXXX</span>
                </div>

                <div>
                    <div class="img member">
                        <img src="images/team/member_1.jpg" alt="Team Member">
                        <div class="overlay-thumb">
                            <div class="overlay-member-content">
                                <div class="overlay-member-content-inner">
                                    <span class="position">标题</span>
                                    <hr>
                                    <p>说明说明说明说明说明说明说明</p>
                                </div>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                        </div>
                    </div>
                    <span class="member-name">XXXXX</span>
                </div>
            </div>
        </div>

        <div class="container margin-top">
            <div class="main-title">
                <h1 style="font-family: 黑体">我们的客户</h1>
                <hr>
                <h6>我们的客户</h6>
            </div>
            <div class="clients-wrapper">
                <ul class="client-thumb">
                    <li>
                        <img src="images/clients/client_1.jpg" alt="Client 1">
                    </li>
                    <li>
                        <img src="images/clients/client_2.jpg" alt="Client 1">
                    </li>
                    <li>
                        <img src="images/clients/client_3.jpg" alt="Client 1">
                    </li>
                    <li>
                        <img src="images/clients/client_4.jpg" alt="Client 1">
                    </li>
                </ul>
            </div>
        </div>

        <%include footer%>

        <a href="javascript:void(0)" class="scroll-top" id="scroll-top">
            <i class="pe-7s-angle-up"></i>
        </a>

</body>

</html>